<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>18.5.2-使用跨平台的 API</title>
</head>
<body>
    <div id="app"></div>
</body>
    <script>
        /**
         * 编写同构代码的另一个关键点是使用跨平台的 API
         * 
         * - 由于组件的代码既运行于浏览器，又运行于服务器，
         *    所以在编写代码的时候要避免使用平台特有的 API
         *    -- 例如，window、document 等
         * - 可以使用诸如 import.meta.env.SSR 这样的环境变量来做代码守卫
         * - 为了减轻开发时的心智负担，我们可以选择跨平台的第三方库
         *    -- 例如，axios、lodash 等
        */
    </script>
</html>